<template>
  <ve-histogram :data="chartData" :extend="extend" :settings="chartSettings"></ve-histogram>
</template>

<script>
import {
  mapActions,
  mapGetters
} from 'vuex'

export default {
  props: ['userId'],
  data () {
    this.chartSettings = {
      opacity: 0.7
    }
    this.extend = {
      'xAxis.0.axisLabel.rotate': 45,
      series: {
        label: { show: true, position: 'top' }
      }
    }
    return {
      chartData: {
        columns: ['职业锚', '得分'],
        rows: [
          { 职业锚: '创造型（EC）', 得分: 0 },
          { 职业锚: '服务型（SV）', 得分: 0 },
          { 职业锚: '挑战型（CH）', 得分: 0 },
          { 职业锚: '自主独立型（AU）', 得分: 0 },
          { 职业锚: '管理能力型（GM）', 得分: 0 },
          { 职业锚: '技术职能型（TF）', 得分: 0 },
          { 职业锚: '生活型（LS）', 得分: 0 },
          { 职业锚: '安全稳定型（SE）', 得分: 0 }
        ]
      }
    }
  },
  computed: {
    ...mapGetters([
      'userInfo'
    ])
  },
  created () {
    this.selectproresult()
  },
  methods: {
    ...mapActions([
      'selectProresult'
    ]),
    selectproresult () {
      const params = {
        user_Id: this.userId,
        questionType_Id: 11
      }
      this.selectProresult(params)
        .then((data) => {
          // console.log(data.data[0])
          this.chartData.rows[0].得分 = JSON.parse(data.data[0].countScore).E
          this.chartData.rows[1].得分 = JSON.parse(data.data[0].countScore).V
          this.chartData.rows[2].得分 = JSON.parse(data.data[0].countScore).C
          this.chartData.rows[3].得分 = JSON.parse(data.data[0].countScore).A
          this.chartData.rows[4].得分 = JSON.parse(data.data[0].countScore).G
          this.chartData.rows[5].得分 = JSON.parse(data.data[0].countScore).T
          this.chartData.rows[6].得分 = JSON.parse(data.data[0].countScore).L
          this.chartData.rows[7].得分 = JSON.parse(data.data[0].countScore).S
          this.$emit('resultStrengthZym', data.data[0].resultStrength)
        })
    }
  }
}
</script>
